<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="simpletourDevops">
        <meta name="author" content="www.roddypy.com">

        <link rel="shortcut icon" href="/static/assets/images/favicon_1.ico">

        <title>SimpletourDevops</title>

        <link href="/static/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="/static/assets/css/core.css" rel="stylesheet" type="text/css" />
        <link href="/static/assets/css/components.css" rel="stylesheet" type="text/css" />
        <link href="/static/assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="/static/assets/css/pages.css" rel="stylesheet" type="text/css" />
        <link href="/static/assets/css/responsive.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->

        <script src="/static/assets/js/modernizr.min.js"></script>
        
    </head>
    <body>





        <div class="account-pages"></div>
        <div class="clearfix"></div>
        <div class="wrapper-page">
        	<div class=" card-box">
            <div class="panel-heading"> 
                <h3 class="text-center"> Simpletour <strong class="text-custom">Devops</strong> </h3>
            </div> 


            <div class="panel-body">
            <form class="form-horizontal m-t-20" role="form">

                {% csrf_token  %}
                <div class="form-group ">
                    <div class="col-xs-12">
                        {{data.username}}

                    </div>
                </div>

                <div class="form-group">
                    <div class="col-xs-12">
                         {{data.password}}
                    </div>
                </div>

                <div class="form-group ">
                    <div class="col-xs-12">
                        <div class="checkbox checkbox-primary">
                            <input id="checkbox-signup" type="checkbox">
                            <label for="checkbox-signup">
                                记住我
                            </label>
                        </div>
                    </div>
                </div>
                
                <div class="form-group text-center m-t-40">
                    <div class="col-xs-12">
                        <button class="btn btn-pink btn-block text-uppercase waves-effect waves-light" type="submit">登录</button>
                    </div>
                </div>

                <div class="form-group m-t-30 m-b-0">
                    <div class="col-sm-12">
                        <a href="{% url 'SendResetEmail' %}" class="text-dark"><i class="fa fa-lock m-r-5"></i>忘记密码</a>
                        <a href="{% url 'Register' %}" class="text-primary m-l-5"><b>立即注册</b></a>
                    </div>
                </div>
            </form>
            </div>
                </div>
        </div>

    	<script>
            var resizefunc = [];
        </script>
        <!-- jQuery  -->
        <script src="/static/assets/js/jquery.min.js"></script>
        <script src="/static/assets/js/bootstrap.min.js"></script>
        <script src="/static/assets/js/detect.js"></script>
        <script src="/static/assets/js/fastclick.js"></script>
        <script src="/static/assets/js/jquery.slimscroll.js"></script>
        <script src="/static/assets/js/jquery.blockUI.js"></script>
        <script src="/static/assets/js/waves.js"></script>
        <script src="/static/assets/js/wow.min.js"></script>
        <script src="/static/assets/js/jquery.nicescroll.js"></script>
        <script src="/static/assets/js/jquery.scrollTo.min.js"></script>

        <script src="/static/assets/plugins/notifyjs/dist/notify.min.js"></script>
        <script src="/static/assets/plugins/notifications/notify-metro.js"></script>

        <script src="/static/assets/js/jquery.core.js"></script>
        <script src="/static/assets/js/jquery.app.js"></script>

        <!--导入通知插件JS -->

         <script type="text/javascript">
         jQuery(document).ready(function(){
              $('button[type=submit]').click(function(e) {
                    e.preventDefault();
                    $.ajax({
                        type: "post",
                        dataType:'json',
                        data:$('.form-horizontal').serialize(),
                        url: "{% url 'Login' %}",
                        success: function(result){
                             var msgerror=result.msgerror;
                             if(msgerror){
                                 $.Notification.autoHideNotify('error', 'top right', '系统通知',msgerror);
                             }else{
                               setTimeout(function() {
                                            location.href = '{% url 'index' %}';
                                 },500);

                             }
                        },
                    });
               });
          });
        </script>
	
	</body>
</html>